    div{width:100%;}
    
    #p2y2{
        float: left;
        width: 1280px;
        height: 548px;
        display: flex;
        justify-content: space-between;
        overflow: hidden;
        background: #04396D;
    }
    #p2y2x0{
        width: 280px;
        padding: 30px 63px 0px;
        box-sizing: border-box;
        height: 100%;
        overflow: hidden;
        background: #00274D;
    }
    #p2y2x0 ul{
     
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    #p2y2x0 ul li{
        width: 130px;
        height: 50px;
        margin: 10px auto;
        line-height: 50px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        outline: none;
        box-sizing: border-box;
    }

    .p2y2x0ul li{
        float: left;
        width: 25%;
        height: 33.333%;
        overflow: hidden;
    }
    .p2y2x0ul p{
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }
    
    #p2y2x1y0{
        width: 1000px;
        height: 100%;
        box-sizing: border-box;
        padding-top: 10px;
        float:left;
        position:relative;
    }
    #LIST{
        height:488px;

    }
    #LISTx1x0{
        height: 100%;
    }
   #LISTx1 ul{
    width: 100%;
    height: 100%;
    overflow: hidden;
   }
    #LISTx1 li{
       float: left;
       width: 25%;
       height: 33.333%;
       overflow: hidden;


    }
    #LISTx1 li img{
       width: 100%;
           height: 117px;
    }
    #LISTx1 li p{
       height: 30px;
       line-height: 30px;
       font-size: 18px;
       color: #fff;
    }

    .list-box-widget {
        width: 1000px;
        height: -webkit-calc(100% - 50px);
        height: -moz-calc(100% - 50px);
        height: calc(100% - 50px);

        display: flex;
        justify-content: space-between;
        overflow: hidden;
        background: #00386E;
    }
    /* 
        
     */
    #p2{
        width:1280px;height:720px;margin:auto;
    }
    #p2y0{
        width:100%;height:112px;float:left;
    }
    #p2y0x0{
        width:16.666666666666664%;height:100%;float:left;
    }
    #p2y0x1{
        width:50%;height:100%;float:left;
    }
    #p2y0x2 {
        width: 30%;
        height: 100%;
        float: right;
    }

    #p2y0x2x0 {
       /*  width: 50%;
       height: 100%; */
        float: left;
    }

    #p2y0x2x1 {
        float: right;
    }
    #p2y1{
        width:100%;height:60px;float:left;
    }
    #p2y1ul{
        width:100%;height:100%;overflow:hidden;
    }
    #p2y1ul li{
        float:left;width:25%;height:100%
    }
    #p2y2x1y0{
        height:100%;float:left;
    }
    #LISTx1{
        float:left;width:920px;
        margin:0 auto;
    }
    #LISTx1x0y0{
        width:100%;height:100%;overflow:hidden;
    }
    #LISTx2{
        height:100%;float:left;
    }
    #p2y2{
        width:100%;height:548px;float:left;
    }  
    #p2y2x0{
        width: 280px;height:548px;float:left;
    }

.list-box-back{
    bottom: 0;
    position: absolute;
}

    /* 为空的收藏 */
.empty-collect {
    line-height: 30px;
    margin-top: 244px;
    text-align: center;
    font-size: 28px;
    color: #999999;
    width: 100%;
}
.empty-collect span {
    border: 1px solid #02C2EC;
    padding: 0px 16px 2px;
    margin: 0 16px;
    border-radius: 5px;
    color: #DAE5EA;
    box-sizing: border-box;
}
#jumpIndex:focus span{
    border: 2px solid #02C2EC;
    padding: 0px 15px 2px;
    margin: 0 16px;
    border-radius: 5px;
    color: #DAE5EA;
    box-sizing: border-box;
}